home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 7684 / 7684.xpi / chrome / firefm.jar / skin / mac / fmTrackInfo.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2009-09-12  |  4.2 KB  |  185 lines
  1. /**
  2.  * Copyright (c) 2008, Jose Enrique Bolanos, Jorge Villalobos
  3.  * All rights reserved.
  4.  *
  5.  * Redistribution and use in source and binary forms, with or without
  6.  * modification, are permitted provided that the following conditions are met:
  7.  *
  8.  *  * Redistributions of source code must retain the above copyright notice,
  9.  *    this list of conditions and the following disclaimer.
  10.  *  * Redistributions in binary form must reproduce the above copyright notice,
  11.  *    this list of conditions and the following disclaimer in the documentation
  12.  *    and/or other materials provided with the distribution.
  13.  *  * Neither the name of Jose Enrique Bolanos, Jorge Villalobos nor the names
  14.  *    of its contributors may be used to endorse or promote products derived
  15.  *    from this software without specific prior written permission.
  16.  *
  17.  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  18.  * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  19.  * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  20.  * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER
  21.  * OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
  22.  * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
  23.  * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
  24.  * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
  25.  * LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
  26.  * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
  27.  * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  28.  **/
  29.  
  30. /* General style. */
  31.  
  32. fmtrackinfo {
  33.   -moz-box-align: center;
  34.   min-width: 7em;
  35. }
  36.  
  37. fmtrackinfo[small="true"] .firefm-info-message,
  38. fmtrackinfo[small="true"] .firefm-track-info,
  39. fmtrackinfo[small="true"] .buffering-label {
  40.   display: none;
  41. }
  42.  
  43. fmtrackinfo:not([small="true"]) {
  44.   min-width: 27em;
  45. }
  46.  
  47. fmtrackinfo .text-link {
  48.   color: inherit !important;
  49.   text-decoration: none !important;
  50.   cursor: pointer !important;
  51. }
  52.  
  53. fmtrackinfo .text-link:hover:not([disabled]) {
  54.   text-decoration: underline !important;
  55. }
  56.  
  57. /* Player viewer */
  58.  
  59. .firefm-info-outer-box {
  60.   -moz-box-flex: 1;
  61.   -moz-box-align: center;
  62.   -moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
  63.   border: 1px solid #404040;
  64.   margin-top: 1px;
  65.   margin-bottom: 1px;
  66.   background: url("chrome://firefm-os/skin/progressBack.png") repeat-x;
  67. }
  68.  
  69. fmtrackinfo[small="true"] .firefm-info-throbber {
  70.   list-style-image: url("chrome://global/skin/icons/loading_16.png");
  71.   margin-left: 1em;
  72.   width: 12px;
  73.   height: 12px;
  74. }
  75.  
  76. .firefm-info-deck {
  77.   font-size: 0.9em;
  78. }
  79.  
  80. .firefm-info-deck > hbox {
  81.   -moz-box-align: center;
  82. }
  83.  
  84. .firefm-track-info {
  85.   margin: 0em !important;
  86. }
  87.  
  88. .firefm-buffering-deck > hbox {
  89.   -moz-box-flex: 1;
  90. }
  91.  
  92. .firefm-buffering-deck > hbox > label {
  93.   margin-right: 0.5em !important;
  94.   margin-left: 0em !important;
  95. }
  96.  
  97. .firefm-info-progress-box {
  98.   height: 1.1em;
  99. }
  100.  
  101. .firefm-info-progress-elapsed {
  102.   background-color: #333333;
  103.   opacity: 0.2;
  104. }
  105.  
  106. .firefm-info-progress-playhead {
  107.   width: 2px;
  108.   background-color: #999999;
  109. }
  110.  
  111. .firefm-info-progress-remaining {
  112.   background-color: #333333;
  113.   opacity: 0.1;
  114. }
  115.  
  116. /* XXX: this is just a hack so that the playhead doesn't cover the border. */
  117. .firefm-info-progress-space {
  118.   width: 0.4em;
  119. }
  120.  
  121. .infoBox {
  122.   padding-left: 3px;
  123.   padding-right: 3px;
  124.   padding-top: 1px;
  125.   padding-bottom: 1px;
  126.   -moz-box-align: center;
  127. }
  128.  
  129. .buffering-label {
  130.   font-size: 85%;
  131.   color: #666;
  132. }
  133.  
  134. .freeLabel,
  135. .timeLabel {
  136.   color: #333;
  137.   font-size: 85%;
  138. }
  139.  
  140. .freeLabel {
  141.   font-weight: bold;
  142. }
  143.  
  144. /* Track info panel */
  145.  
  146. .firefm-info-panel-outer-box {
  147.   padding: 0.5em;
  148. }
  149.  
  150. .firefm-info-panel-image-box {
  151.   width: 100px;
  152.   -moz-box-pack: start;
  153.   -moz-box-align: center;
  154. }
  155.  
  156. .firefm-info-panel-image-box > image {
  157.   background-image: url("chrome://firefm/skin/logo100.png");
  158.   width: 100px;
  159.   height: 100px;
  160.   border: thin solid #CCCCCC;
  161. }
  162.  
  163. .firefm-info-panel-info-box {
  164.   width: 27em;
  165. }
  166.  
  167. .firefm-info-panel-track {
  168.   font-size: 1.6em;
  169.   margin-bottom: 0.5em;
  170. }
  171.  
  172. .firefm-info-panel-artist {
  173.   font-size: 1.2em;
  174.   font-weight: bold;
  175. }
  176.  
  177. .firefm-info-panel-album {
  178.   font-size: 1.2em;
  179. }
  180.  
  181. .firefm-info-panel-free {
  182.   font-size: 1.2em;
  183.   font-weight: bold;
  184. }
  185.